
import { login as loginAPI } from '@/api'
import { getToken, setToken, removeToken } from '@/utils/auth'
// 路由模块当中重置路由的方法
import {constantRoutes,anyRoutes,asyncRoutes} from '@/router/routes'
import router from '@/router'
import _ from 'lodash'
import {resetRouter} from '@/router'


const getDefaultState = () => {
  return {
    token: getToken(),
    name: '',
    avatar: '',

    roles: [],//角色
    buttons: [],//按钮 
    // 服务器返回的菜单信息[根据不同的角色,返回的标记信息,数组中的元素时字符串]
    routes: [], // 本用户所有的路由,包括了固定的路由和下面的addRouters
    asyncRoutes: [], // 本用户的角色赋予的新增的动态路由
    // 对比之后[项目中已有的异步路由,与服务器返回的标记信息进行对比]
    resultAsyncRoutes:[],
    // 最终需要展示的所有路由
    resultAllroutes:[]
  }
}

const state = getDefaultState()

const mutations = {
  // 存储用户信息
  SET_USER: (state, userInfo) => {
    state.name = userInfo.name // 用户名
    state.avatar = userInfo.avatar // 头像
    state.roles = userInfo.roles // 角色列表
    state.buttons = userInfo.buttons // 按钮权限列表
    state.routes = userInfo.routes//菜单权限列表
  },
  // 最终计算出来的异步路由
  SET_RESULTASYNCROUTES:(state,asyncRoutes)=>{
    console.log(asyncRoutes);
    // VUEX保存当前用户的异步路由
    state.resultAsyncRoutes = asyncRoutes
    // 计算出当前用户需要展示的所有路由
    state.resultAllroutes= constantRoutes.concat(state.resultAsyncRoutes,anyRoutes)
    // 给路由器添加新的路由
    router.addRoutes(state.resultAllroutes)
 
  },

  SET_TOKEN (state, token) {
    state.token = token
  },

  RESET_USER (state) {
    Object.assign(state, getDefaultState())
  }
}

  // 定义一个函数,两个数组进行对比,对比出当前用户到底显示那些异步路由
  const computedAsyncRoutes = (asyncRoutes,routes)=>{ 
    // 过滤出当前][超级管理|普通员工需要展示的异步路由]
  return asyncRoutes.filter(item=>{
      // 数组当中没有这个元素返回索引值-1,如果有这个元素返回的索引值一定不是-1
      console.log(routes.indexOf(item.name),routes);
      if (routes.indexOf(item.name)!=-1){
        // 递归  如果当前路由有子路由,且子路由数组有长度
        if(item.children&&item.children.length){
        item.children = computedAsyncRoutes(item.children,routes)
        }
        return true
      }
    })
  }

const actions = {
  // user login
async  login ({ commit }, userInfo) {
    const { username, password } = userInfo
    return new Promise((resolve, reject) => {
      loginAPI.login(username, password)
        .then(result => {
          const { data } = result
          commit('SET_TOKEN', data.token)
      
          setToken(data.token)
          resolve()
        }).catch(error => {
          reject(error)
        })
    })
  },

  // 获取用户信息
  async getInfo ({ commit, state }) {
    const { data } = await loginAPI.getInfo()
    commit('SET_USER', data)
    commit('SET_RESULTASYNCROUTES',computedAsyncRoutes(_.cloneDeep(asyncRoutes),data.routes))
  },


  /* 
  重置用户信息
  */
  async resetUser ({ commit, state }) {
    // 如果当前是登陆的, 请求退出登陆
    if (state.name) {
      await loginAPI.logout()
    }
    // 删除local中保存的token
    removeToken()
    // 重置路由
    resetRouter()
    // 提交重置用户信息的mutation
    commit('RESET_USER')
   
  },
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}